<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>故事与回忆</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<!--当前页面的css-->
	<link href="css/story.css" rel="stylesheet">
	<link href="css/topic.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
</head>

<body class="gray_bg clearfix">
	<div id="app">
		<div class="story_bg">
			<ul class="topicTop">
				<li class="ml0" v-for="(item,index) in tabs" :class="{'active':Type == item.id}">
					<a href="javascript:void(0);" @click="tab(item.id)">{{item.name}}</a>
				</li>
			</ul>
			<ul class="storyMain">
				<li v-for="item in listTab" @click="urlHref(item)">
						<div class="story_txtImg clearfix">
							<div class="Img">
								<img :src="item.head_img" />
							</div>
							<div class="txt">
								<p>{{item.title}}</p>
								<div class="txtBtm clearfix">
									<div class="browse">
										<img src="../images/eye.jpg" />
										<span>{{item.read_num}}</span>
									</div>
									<div class="time">{{item.create_date}}</div>
								</div>
							</div>
						</div>
				</li>
			</ul>
		</div>
		<div class="weui-loadmore" v-if="!hideing">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
		<div class="bottom-msg" v-if="!hideing">
			<div class="bottom-msg-hr"></div>
			<span class="msg-text">我是有底线的</span>
		</div>
	</div>

	<script src="js/story.js"></script>
</body>

</html>